<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        // var str = '';
        // for(var i = 1;i <= 10;i++){
        //     for(var j = 1; j <= i;j++){
        //         str = str + "★";
        //     }
        //     str = str + '\n'
        // }
        // console.log(str)


        /*
        行   1    1-10   j=1 j<=10  j++
        行   2    1-10
        */

       /*   正三角形
        行   1    1-1   1-i   
        行   2    1-2   1-i 
        行   3    1-3   1-i 
        ...
        行   10   1-10
        */


        /*  倒三角形
        行   1      10-1 
        行   2      9-1
        行   3      8-1
        ...
        行   10     1-1
        */
        // 递减算法
        var str = '';
        for(var i = 1;i <= 10;i++){
            for(var j = 10; j >= i;j--){
                str = str + "★";
            }
            str = str + '\n'
        }
        console.log(str)

        // j=i 算法
        var str = '';
        for(var i = 1;i <= 10;i++){
            for(var j = i; j <= 10;j++){
                str = str + "★";
            }
            str = str + '\n'
        }
        console.log(str)
    </script>
</head>
<body>
    
</body>
</html>